<template>
    <div class="box">
        <header>
            <img @click="aa()" src="../assets/img/return-jt.png"/>
            <p>安全中心</p>
        </header>
        <div class="main">
            <ul>
                <li v-for="list in listData" >
                    <img :src="list.url"/>
                    <router-link :to="list.path">
                    <p>{{list.text}}</p>
                    </router-link>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
 
export default {
  name: 'box',
  data () {
    return{
        listData:[
            {url:"static/img/4-6tubiao_1.png",text:"修改登录密码",id:"name",path:"4-7xiugaimima"},
            {url:"static/img/4-6tubiao_2.png",text:"修改支付密码",id:"identity",path:"4-8xiugaizhifumima"},
            {url:"static/img/4-6tubiao_3.png",text:"地址管理",id:"num",path:"4-9dizhiguanli"}
        ]
    }
  },
  methods:{
    aa(){
           this.$router.go(-1)
    },
  }
 
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/4-6anquanzhongxin.less";
   @import ".././assets/css/reset.css";
   @import ".././assets/less/style.less";
</style>